import { DoubleLeftOutlined } from '@ant-design/icons';
import { Collapse as ACollapse } from 'antd';

export const Collapse = (props) => {
  const { children, ...args } = props;
  return (
    <ACollapse
      ghost
      bordered={false}
      expandIconPosition="end"
      expandIcon={({ isActive }) => <DoubleLeftOutlined rotate={isActive ? 90 : 270} style={{ fontSize: '10px', color: '#4E5969' }} />}
      {...args}
    >
      {children}
    </ACollapse>
  );
};

export default Collapse;
